<template>
   <div>
     	
			<div class="opening-member-tit" style="padding: 35px 35px 20px;">
				推荐码
			</div>
				<!--会员分类-->
				<div class="mycenterbox-right-mid">
					<ul class="mycenter-userList">
						<li class="superUser" style="justify-content: center;">
								<img src="../../../images/tjmpic.png" />
						</li>
					</ul>
				</div>
				
				<div class="mycenterbox-right-bot">
					<ul>
						<li style="display:none;">
							<div class="tuijianma-create">
								<div class="tuijianma-top">
									<div class="user-cardfee">
										<span class="line-block"></span>
										<span>推荐购买送时长</span>
									</div>
									<h6>点击右侧生成推荐码发送给小伙伴，好友购买成功即可获得</h6>
									<a class="refer-buy-btn ban">一键生成</a>	
								</div>
								<div class="tuijianma-bot" id="buy_tjcode">
									<h5>推荐码</h5>
									<input type="text" value="111"  id="copy_content1"/>
									<button class="copyBtn" data-clipboard-action="copy" data-clipboard-target="#copy_content1">复制</button>
								</div>	
							</div>
						</li>
						<li>
							<div class="tuijianma-create">
							<div class="tuijianma-top">
								<div class="user-cardfee">
									<span class="line-block"></span>
									<span>推荐注册送时长</span>
								</div>
								<h6>点击右侧生成推荐码发送给小伙伴，好友注册成功即可获得</h6>
								<a class="refer-reg-btn ban">一键生成</a>	
							</div>
							<div class="tuijianma-bot" id="reg_tjcode">
									<h5>推荐码</h5>
									<input type="text" value="sssss" id="copy_content2"/>
									<button class="copyBtn" data-clipboard-action="copy" data-clipboard-target="#copy_content2">复制</button>
							</div>
							</div>
							
						</li>
					</ul>
					<div class="reversetips" style="margin: 0;padding: 30px;">
			        	<h4>活动规则：</h4>
						<p>1、对方注册新账户填写推荐码, 双方各自获得5天加速时间 （计时用户获得15小时）</p>
						<p>2、推荐码仅限对方新注册的时候使用。</p>
						<p>3、邀请一人可获得5天时间, 每人最多可获得25天免费时间（计时用户最多获得75小时）</p>
						<p>4、活动时间：2018年9月21日00:00~2019年1月1日00:00</p>
						<p><b>温馨提示:</b>可以把生成 邀请码分享至热门游戏贴吧、论坛、QQ群增加效果哦！</p>
			        </div>
				</div>
				


   </div>
</template>

<script lang="ts">
    import Vue from 'vue'
    export default Vue.extend({

    })
</script>
<style lang="less" scoped>
</style>